<!doctype html>
<html lang="en" class="no-js">

<head>
  <meta charset="utf-8">
  <title>搭乘最新型的CZ-8X火箭探访太阳系 - 我爱模板网 www.5imoban.net</title>
  <base />
  <link rel="stylesheet" href="css/pace.css" />
  <link rel="stylesheet" href="css/main.css" />
  <link rel="stylesheet" href="css/style.css" />
  <script type="text/javascript" src="js/pace.js"></script>
  <script type="text/javascript" src="js/modernizr.js"></script>
</head>

<body>
  <div id="space-race-logo" class="preload">
  </div>
  <noscript>
    <div id="loading-msg">
      <p>本页面需要启用Javascript</p>
    </div>
  </noscript>
  <div id="space-race">
    <div id="wrapper" class="preload">
      <div id="zones">
        <div id="zone-loader">
          <img src="images/b1.jpg" />
          <img src="images/b2.jpg" />
          <img src="images/b3.jpg" />
          <img src="images/b4.jpg" />
          <img src="images/b5.jpg" />
          <img src="images/b6.jpg" />
          <img src="images/b7.jpg" />
          <img src="images/b8.jpg" />
          <img src="images/b9.jpg" />
          <img src="images/b10.jpg" />
          <img src="images/earth-new.png" />
        </div>

        <div id="zone-troposphere" class="zone zone-troposphere">
          <h2 class="zone-text">
            <span>地平线</span>
          </h2>
          <h2 class="zone-text">
            <span>对流层</span>
          </h2>
        </div>
        <div id="zone-stratosphere" class="zone zone-stratosphere">
          <h2 class="zone-text">
            <span>对流层</span>
          </h2>
          <h2 class="zone-text">
            <span>同温层</span>
          </h2>
        </div>

        <div id="zone-mesosphere" class="zone zone-mesosphere">
          <h2 class="zone-text">
            <span>同温层</span>
          </h2>
          <h2 class="zone-text">
            <span>中间层</span>
          </h2>
        </div>

        <div id="zone-leo-start" class="zone zone-single-start zone-leo-start">
          <h2 class="zone-text">
            <span>进入地球近地轨道</span>
          </h2>
        </div>

        <div id="zone-thermosphere" class="zone zone-thermosphere">
          <h2 class="zone-text">
            <span>中间层</span>
          </h2>
          <h2 class="zone-text">
            <span>热层</span>
          </h2>
        </div>
        <div id="zone-exosphere" class="zone zone-exosphere">
          <h2 class="zone-text">
            <span>热层</span>
          </h2>
          <h2 class="zone-text">
            <span>外逸层</span>
          </h2>
        </div>
        <div id="zone-leo-end" class="zone zone-single-end zone-leo-end">
          <h2 class="zone-text">
            <span>离开地球近地轨道</span>
          </h2>
        </div>

        <div id="zone-magnetosphere" class="zone zone-magnetosphere">
          <h2 class="zone-text">
            <span>外逸层</span>
          </h2>
          <h2 class="zone-text">
            <span>磁层</span>
          </h2>
        </div>
        <div id="zone-innersolar" class="zone zone-innersolar">
          <h2 class="zone-text">
            <span>磁层</span>
          </h2>
          <h2 class="zone-text">
            <span>内太阳系</span>
          </h2>
        </div>
        <div id="zone-outersolar" class="zone zone-outersolar">
          <h2 class="zone-text">
            <span>内太阳系</span>
          </h2>
          <h2 class="zone-text">
            <span>外太阳系</span>
          </h2>
        </div>
        <div id="zone-heliosphere" class="zone zone-heliosphere">
          <h2 class="zone-text">
            <span>外太阳系</span>
          </h2>
          <h2 class="zone-text">
            <span>太阳风层</span>
          </h2>
        </div>
        <div id="zone-edge" class="zone zone-edge">
          <h2 class="zone-text">
            <span>太阳风层</span>
          </h2>
          <h2 class="zone-text">
            <span>太阳系边界</span>
          </h2>
        </div>
      </div>

      <div id="section-one-container" class="section-container section-one">
        <div id="section-one" class="section section-one">

          <div id="earth-container" class="earth-container">
            <div id="earth" class="earth"></div>
          </div>

          <div id="clouds">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object o">高空云层</h3>
              <h4 class="o">6.1千米</h4>
            </div>
            <div id="clouds-back" class="padded-element clouds"></div>
            <div id="clouds-mid" class="padded-element clouds"></div>
            <div id="clouds-fore" class="padded-element clouds"></div>
          </div>

          <div id="everest">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object o">珠穆朗玛峰最高点</h3>
              <h4 class="o">8.9千米</h4>
            </div>
          </div>
          <div id="commercial-plane">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object o">飞机巡航高度</h3>
              <h4 class="o">11千米</h4>
            </div>

            <div class="padded-element icon offset">
            </div>
          </div>
          <div id="bell-x1">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">X-1试验机</h3>
              <h4>22千米</h4>
              <p class="desc o2">世界第一架超音速飞机达到过的高度</p>
            </div>

            <div class="padded-element icon offset">
            </div>
          </div>
          <div id="chelyabinsk">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">车里雅宾斯克陨石</h3>
              <h4>23千米</h4>
              <p class="desc o2">2013年一个直径18米的陨石在俄罗斯车里雅宾斯克州上空爆炸</p>
            </div>
          </div>
          <div id="legonaut">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">乐高</h3>
              <h4>24千米</h4>
              <p class="desc o2">2012年两位加拿大少年将一个乐高小人发射升空</p>
            </div>

            <div class="padded-element icon offset">
            </div>
          </div>
          <div id="weather-balloon">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">气象探测气球高度</h3>
              <h4>27千米</h4>
            </div>

            <div class="padded-element icon offset">
            </div>
          </div>

          <div id="highest-skydive">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">高空跳伞记录</h3>
              <h4>39千米</h4>
              <p class="desc o2">2012年菲利克斯·鲍加特纳创造了世界高空跳伞记录</p>
            </div>

            <div class="padded-element icon offset">
            </div>
          </div>
          <div id="highest-organism">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">自然生物圈边界</h3>
              <h4>41千米</h4>
              <p class="desc o2">有低等细菌和微生物在此高度上存活</p>
            </div>

            <div class="padded-element icon offset">
            </div>
          </div>
          <div id="highest-balloon">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">无人气球最高记录</h3>
              <h4>53千米</h4>
            </div>

            <div class="padded-element icon offset">
            </div>
          </div>
          <div id="meteor-burnout">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">陨石摩擦发光</h3>
              <h4>65千米</h4>
              <p class="desc o2">只有少数较大陨石可以到达地球表面</p>
            </div>

            <div class="padded-element icon offset meteor meteor-1"></div>
            <div class="padded-element icon offset meteor meteor-2"></div>
            <div class="padded-element icon offset meteor meteor-3"></div>

          </div>

          <div id="aurora-borealis">

            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">极光的最低高度</h3>
              <h4>80千米</h4>
            </div>

            <div class="padded-element icon borealis borealis-back"></div>
            <div class="padded-element icon borealis borealis-mid"></div>
            <div class="padded-element icon borealis borealis-fore"></div>

          </div>
          <div id="karman-line">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">卡门线</h3>
              <h4>100千米</h4>
              <p class="desc w">国际航空联合会定义的大气层和太空的界线。卡门线外为太空</p>
            </div>

            <div class="padded-element icon offset divider"></div>
          </div>

        </div>
      </div>

      <div id="section-two-container" class="section-container section-two">
        <div id="section-two" class="section section-two">
          <div id="fargam">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">伊朗太空猴</h3>
              <h4>120千米</h4>
              <p class="desc w">2013年伊朗将一只猴子发射到太空并成功返回</p>
            </div>

            <div class="padded-element icon offset"></div>

          </div>
          <div id="meteor-shower">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">流星雨</h3>
              <h4>190千米</h4>
              <p class="desc w">彗星尘埃粒落入大气时摩擦生热发光</p>
            </div>

            <div class="padded-element icon offset meteor meteor-1"></div>
            <div class="padded-element icon offset meteor meteor-2"></div>
          </div>
          <div id="first-spaceman">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">第一位宇航员</h3>
              <h4>330千米</h4>
              <p class="desc w">1961年尤里·加加林成为第一位进入太空的宇航员</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="iss">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">国际空间站</h3>
              <h4>420千米</h4>
              <p class="desc w">国际空间站是一个在近地轨道上运行的的科研设施，也是人类历史上第九个载人的空间站</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="sandra2">

            <div class="padded-element icon offset"></div>

          </div>
          <div id="gravity-86">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">地球引力只相当于海平面上86%</h3>
              <h4>500千米</h4>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="highest-nuke">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">核爆炸最大高度</h3>
              <h4>540千米</h4>
              <p class="desc w">1958年，美国在南大西洋上空引爆一颗太空核弹</p>
            </div>

            <div class="padded-element icon offset explosion"></div>
            <div class="padded-element icon offset explosion-bottom"></div>
          </div>

          <div id="hubble-telescope">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">哈勃太空望远镜</h3>
              <h4>570千米</h4>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="sandra1">

            <div class="padded-element icon offset"></div>

          </div>
          <div id="space-junk">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">太空碎片聚集区</h3>
              <h4>900千米</h4>
              <p class="desc w">火箭和退役卫星在太空留下了大量碎片</p>
            </div>

            <div class="padded-element icon offset dust"></div>
            <div class="padded-element icon offset junk"></div>
            <div class="padded-element icon offset debris1"></div>
            <div class="padded-element icon offset debris2"></div>
            <div class="padded-element icon offset debris3"></div>
            <div class="padded-element icon offset debris4"></div>
            <div class="padded-element icon offset debris5"></div>
            <div class="padded-element icon offset debris debris6"></div>
            <div class="padded-element icon offset debris debris7"></div>
            <div class="padded-element icon offset debris debris8"></div>

          </div>

        </div>
      </div>
      <div id="section-three-container" class="section-container section-three">
        <div id="section-three" class="section section-three">
          <div id="beginning-inner-va-belt">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">进入范艾伦辐射带内层</h3>
              <h4>1,000千米</h4>
              <p class="desc w">卫星通过辐射带内层时有可能被其中的高能粒子损坏</p>
            </div>

            <div class="padded-element belt va-belt"></div>

          </div>
          <div id="spacedog">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">太空狗狗</h3>
              <h4>1,660千米</h4>
              <p class="desc w">1957年苏联狗狗“莱卡”成为第一个进入太空的生物</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="gravity-50">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">地球引力只有50%</h3>
              <h4>2,600千米</h4>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="gravity-25">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">地球引力只有25%</h3>
              <h4>6,400千米</h4>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

        </div>
      </div>
      <div id="section-four-container" class="section-container section-four">
        <div id="section-four" class="section section-four">

          <div id="end-inner-va-belt">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">离开范艾伦辐射带内层</h3>
              <h4>10,000千米</h4>
            </div>
          </div>

          <div id="near-miss1">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">小行星</h3>
              <h4>11,300千米</h4>
              <p class="desc w">2013年一个直径15米的小行星和地球擦肩而过</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

          <div id="beginning-outer-va-belt">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">进入范艾伦辐射带外层</h3>
              <h4>15,000千米</h4>
              <p class="desc w">外层和内层一样充满高能粒子，对经过的卫星都是严酷的考验</p>
            </div>
            <div class="padded-element belt va-belt"></div>
          </div>
          <div id="gps-satellites">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">GPS卫星</h3>
              <h4>20,200千米</h4>
            </div>

            <div class="padded-element icon offset satellite1"></div>
            <div class="padded-element icon offset satellite2"></div>
          </div>
          <div id="asteroid-da14">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">小行星 2012 DA14</h3>
              <h4>27,700千米</h4>
              <p class="desc w">2013年一个直径30米的小行星和地球擦肩而过</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="comms-satellites">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">通讯卫星</h3>
              <h4>35,800千米</h4>
            </div>

            <div class="padded-element icon offset satellite1"></div>
            <div class="padded-element icon offset satellite2"></div>
            <div class="padded-element icon offset satellite3"></div>
          </div>

        </div>
      </div>
      <div id="section-five-container" class="section-container section-five">
        <div id="section-five" class="section section-five">

          <div id="end-outer-va-belt">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">离开范艾伦辐射带外层</h3>
              <h4>60,000千米</h4>
            </div>
          </div>

          <div id="geocorona">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">地冕</h3>
              <h4>100,000千米</h4>
              <p class="desc w">氢氦原子受太阳粒子轰击而发出的UV段超紫外辐射</p>
            </div>

            <div class="padded-element corona offset"></div>
          </div>
          <div id="asteroid-yu55">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">小行星 2005 YU55</h3>
              <h4>318,000千米</h4>
              <p class="desc w">2011年一个直径400米的小行星近距离经过地球</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="moon">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">月亮</h3>
              <h4>384,000千米</h4>
              <p class="desc w">地月平均距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

          <div id="farthest-humans">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">人类到达的最远区域</h3>
              <h4>400,000千米</h4>
              <p class="desc w">1970年阿波罗13号由于飞船故障, 三位宇航员从月球背面绕了一圈后返回地球</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

        </div>
      </div>
      <div id="section-six-container" class="section-container section-six">
        <div id="section-six" class="section section-six">

          <div id="lagrangian-point2">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">地日第2拉格朗日点</h3>
              <h4>1,490,000千米</h4>
            </div>
            <div class="padded-element icon offset divider"></div>
          </div>

          <div id="lagrangian-point1">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">地日第1拉格朗日点</h3>
              <h4>1,500,000千米</h4>
              <p class="desc w">拉格朗日点处的地日引力可以使物体可以长期在此停留</p>
            </div>
            <div class="padded-element icon offset divider"></div>
          </div>
          <div id="lexell-comet">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">莱克塞尔彗星</h3>
              <h4>2,260,000千米</h4>
              <p class="desc w">1770年莱克塞尔彗星和地球的交会是所有已知彗星中距离最近的一次</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="pons-winnecke-comet">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">庞斯·温尼克彗星</h3>
              <h4>5,890,000千米</h4>
              <p class="desc w">1927年庞斯·温尼克彗星和地球的交会是20世纪以来彗星中距离最近的一次</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="asteroid-toutatis">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">小行星图塔蒂斯</h3>
              <h4>6,900,000千米</h4>
              <p class="desc w">2012年近距离经过地球</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="brahe-sun-estimate">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">太阳距离 (第谷)</h3>
              <h4>8,000,000千米</h4>
              <p class="desc w">第谷·布拉赫在16世纪时推算认为的太阳距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="honda-mrkos-comet">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">本田-姆尔科斯-帕伊杜萨科娃彗星</h3>
              <h4>8,990,000千米</h4>
              <p class="desc w">21世纪中和地球距离最近的彗星</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

        </div>
      </div>
      <div id="section-seven-container" class="section-container section-seven">
        <div id="section-seven" class="section section-seven">
          <div id="kepler-sun-estimate">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">太阳距离 (开普勒)</h3>
              <h4>24,000,000千米</h4>
              <p class="desc w">约翰内斯·开普勒在17世纪时推算认为的太阳距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

          <div id="venus">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">金星</h3>
              <h4>38,200,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="mars">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">火星</h3>
              <h4>55,700,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="halleys-comet">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">哈雷彗星</h3>
              <h4>62,800,000千米</h4>
              <p class="desc w">上一次回归发生于1986年</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="mercury">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">水星</h3>
              <h4>77,300,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="asteroid-ceres">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">谷神星</h3>
              <h4>429,000,000千米</h4>
              <p class="desc w">太阳系体积最大的小行星, 直径约945千米</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

        </div>
      </div>
      <div id="section-eight-container" class="section-container section-eight">
        <div id="section-eight" class="section section-eight">

          <div id="cassini-sun-estimate">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">太阳距离 (卡西尼)</h3>
              <h4>140,000,000千米</h4>
              <p class="desc w">乔凡尼·卡西尼在1672年时推算认为的太阳距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="sun">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">太阳</h3>
              <h4>150,000,000千米</h4>
              <p class="desc w">平均地日距离</p>

            </div>
            <div class="padded-element offset divider"></div>

            <div class="padded-element icon offset"></div>
          </div>

          <div id="juno-probe">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">朱诺号木星探测器</h3>
              <h4>215,000,000千米</h4>
              <p class="desc w">2011年发射升空的朱诺号约需5年时间才能到达木星。现在它还在路上。</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

          <div id="main-asteroid-belt-start">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">小行星带内侧</h3>
              <h4>300,000,000千米</h4>
            </div>

            <div class="padded-element belt-back offset"></div>
            <div class="padded-element belt-fore offset"></div>
            <div class="padded-element offset divider"></div>

          </div>
          <div id="jupiter">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">木星</h3>
              <h4>589,000,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>

          <div id="main-asteroid-belt-end">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">小行星带外侧</h3>
              <h4>600,000,000千米</h4>
            </div>
          </div>

        </div>
      </div>

      <div id="section-nine-container" class="section-container section-nine">
        <div id="section-nine" class="section section-nine">

          <div id="saturn">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">土星</h3>
              <h4>1,200,000,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="cassini-probe">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">卡西尼号土星探测器</h3>
              <h4>1,500,000,000千米</h4>
              <p class="desc w">2004年到达并进入土星环绕轨道</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="uranus">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">天王星</h3>
              <h4>2,580,000,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="pluto">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">冥王星</h3>
              <h4>4,280,000,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>
            <div class="padded-element icon offset"></div>
          </div>

          <div id="neptune">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">海王星</h3>
              <h4>4,310,000,000千米</h4>
              <p class="desc w">离地球最近时的距离</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="new-horizons">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">新地平线号探测器</h3>
              <h4>4,380,000,000千米</h4>
              <p class="desc w">2006年发射升空的新地平线号正在前往冥王星和柯伊伯带的路上</p>
            </div>

            <div class="padded-element icon offset"></div>
          </div>
          <div id="kuiper-belt-start">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">柯伊伯带内侧</h3>
              <h4>4,490,000,000千米</h4>
              <p class="desc w">寒冷的柯伊伯带满布水冰,冰甲烷和冰氨</p>
            </div>
            <div class="padded-element belt-back offset"></div>
            <div class="padded-element belt-fore offset"></div>
          </div>
          <div id="kuiper-belt-end">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">柯伊伯带外侧</h3>
              <h4>7,480,000,000千米</h4>
            </div>
          </div>

        </div>
      </div>
      <div id="section-ten-container" class="section-container section-ten">
        <div id="section-ten" class="section section-ten">

          <div id="termination-shock">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">终端激波</h3>
              <h4>12,600,000,000千米</h4>
              <p class="desc w">终端激波是太阳风由于接触到星际介质而开始减速压缩并升温的区域</p>
            </div>
            <div class="padded-element icon offset divider"></div>

          </div>
          <div id="voyager-2-probe">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">旅行者2号探测器</h3>
              <h4>15,700,000,000千米</h4>
              <p class="desc w">1977年发射的旅行者2号探测器携带有包括着各种几何图案的镀金铜片</p>
            </div>
            <div class="padded-element icon offset"></div>
          </div>
          <div id="voyager-1-probe">
            <div class="padded-element marker offset">
              <span class="line"></span>
              <h3 class="object w">旅行者1号探测器</h3>
              <h4>19,000,000,000千米</h4>
              <p class="desc w">同样1977年发射的旅行者1号是现今离地球最远的探测器</p>
            </div>
            <div class="padded-element icon offset"></div>
          </div>

        </div>
      </div>

      <div id="base-wrapper">
        <div class="base">
          <div class="base-inner">
            <p class="notice">我们已经离开了太阳系</p>
            <p class="info">如果我们保持这个速度滚屏下去, 大约2千万年后, 我们将到达迄今观测到的宇宙边界。那里距离地球大约435,000,000,000,000,000,000,000千米
              <br />约460亿光年。</p>
            <p class="info">所以，我们还是在这里结束吧! </p>
            <p class="notice highlight">地球万岁! 太阳系万岁!</p>
          </div>
        </div>
      </div>

      <div id="ship" class="ship-fwd animated">
        <div id="radiation-container">
          <div id="radiation"></div>
        </div>
        <div id="flame-container">
          <div id="flame-big" class="flame"></div>
          <div id="flame-small" class="flame"></div>
        </div>
      </div>

      <div id="star-wrapper">
        <div id="stars"></div>
      </div>
      <div id="hud-info-wrapper">
        <div id="km-info" class="hud-info">距离</div>
        <div id="px-info" class="hud-info">比例尺</div>
        <div id="warp-info" class="hud-info">旅行时间</div>
      </div>
      <div id="hud-wrapper">
        <div id="km" class="hud">
          <div class="hudicon"></div>
          <span id="kmnumber">0</span>千米</div>
        <div id="px" class="hud">
          <div class="hudicon"></div>每1像素代表 :
          <span id="pxnumber">1米</span>
        </div>
        <div id="warp" class="hud">
          <div class="hudicon"></div>
          <span id="warptime">00:00:00</span>光速</div>
      </div>

    </div>
  </div>
  <script src="../../vendors/jquery-1.7.2.min.js"></script>
  <script type="text/javascript" src="js/TweenMax.min.js"></script>
  <script type="text/javascript" src="js/EasePack.min.js"></script>
  <script src="js/jquery.gsap.min.js"></script>
  <script src="js/jquery.superscrollorama.js"></script>
  <script src="js/func.min.js"></script>
</body>

</html>
